

$radius-box:20px;
.page{

  background-color: #A5D669;
}

.artistic-text {
  font-size: 80rpx; /* 设置字体大小 */
}

.introduce{
  padding-top: 10px;
  padding-bottom: 80px;

  .default-box{
    padding: 10px 20px;
    margin:20px 10px;
    border-radius: $radius-box;
    background-color: $fff;
  }

  .title-box{
    display: flex;
    justify-content: center;
    width: 100%;
    .title{
      width: 300rpx;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 40px;
      border-radius: 10px;
      background-color: $primary-text-color;

    }
  }

  .content{
    .head,.value{
      display: flex;

      >view{
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 1;
      }

    }
    .head{
      color:#F37838 ;
      >view{
        height: 40px;

      }
    }
    .value{
      height: 30px;
      font-size: 12px;
    }
  }

  // 倒计时
  .count-down-box{
    .title{
      font-size: 16px;
      color: $fff;
      font-weight: bold;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 40px;

    }
    .count-down{
      display: flex;
      justify-content: center;
      align-items: center;
      color: $fff;
      height: 60px;
    }

  }



  // 浏览
  .browsing-box{
    display: flex;
    justify-content: center;
    background-color: $fff;
    margin: 20px;
    border-radius: $radius-box;
    padding: 10px 0;

    >view{
      display: flex;
      flex-direction: column;
      flex: 1;
      align-items: center;
      justify-content: center;
      height: 50px;

      .value{
        font-size: 14px;
        color: $primary-text-color2;
      }
      .title{
        font-size: 12px;
        color: var(--primary-text);
      }
    }
  }

  // 规则
  .role-box{
    color: $text-color;
    font-size: 12px;
    letter-spacing: 1px;
    .role{
      line-height: 18px;
      min-height: 20px;
    }

  }

  // 校区电话
  .contact-campus-box{
    .contact-campus{
      color: $text-color;
      display: flex;
      height: 30px;
      align-items: center;
      .title{
        display: flex;
        font-weight: bold;
        font-size: 14px;
        >view{
          background-color: #F5C920;
          border-radius: 50%;
          display: flex;
          justify-content: center;
          align-items: center;
          width: 25px;
          height: 25px;
          margin-left:-6px;
          box-sizing: border-box;
        }
      }
      .value{
        font-size: 14px;
        font-weight: bold;
        margin-left: 10px;
      }
    }
    .map{
      margin-top: 15px;
      .image-box{
        border-radius: 15px;
      }
    }
  }


}


.bottom-btn{
  background-color:#fff ;
  height: 60px;
  position: fixed;
  bottom: 0;
  width: 100%;
  display: flex;
  align-items: center;


  justify-content: flex-end;
  .right{
    margin-right: 5px;
    width: 50%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: $fff;
    background-color:$btn-color ;
    border-radius: 10px;
  }

}

